<template>
  <div>

    <!-- el-dialog
          title:标题
          :visible.sync="是否可见true/false"
          width:宽度
          :before-close:关闭前回调函数

          默认插槽：内容
          具名插槽（footer）
            常用于放底部按钮

      父获取子组件this
        <xxx ref='xxx' />
        this.$refs.xxx === xxx组件的this

      ref:
        1:用在原生标签 获取dom
        2:用在组件标签 获取组件this
   -->
    <el-button @click="$refs.dialog.isShow=true">点击打开弹框</el-button>
    <HmDialog ref="dialog" />
  </div>
</template>
<script>
import HmDialog from './components/HmDialog.vue'
export default {
  components: {
    HmDialog
  },
  data() {
    return {
      isShow: false
    }
  }
}
</script>
<style>
</style>
